<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非
        啊收到发生的发生大是大非

    </p>
    <script>
        // 1.开始框选  
        //  selectstart
        // 2. 可视化窗口可视程度发生变化  
        //   visibilitychange    隐藏 执行一次  显示 执行一次 
        // 3. 关闭页面
        // unload   跟load相反 


        // selectstart
        // 给整个文档绑定这个事件
        // document.onselectstart = function(){
        //     console.log('你想框选是吗?我先检查你是否有vip');
        //     // 检测到框选  函数执行 
        //     return false;  // 阻止框选行为
        // }

        // document.onvisibilitychange = function(){
        //     console.log('可视程度发生了变化666666666');
        // }


        // window.onunload = function(){
        //     window.localStorage.setItem('2303time',new Date().getTime())
        // }


        // 下次用户访问这个页面  获取当前的时间  
        // 跟上次离开的时间进行对比  
        // 如果没有上次离开时间 说明第一次来  打印欢迎光临 
        // 如果有上次离开时间   打印 距离上来,已经过了多少天多少小时多少分钟多少秒


        var prevtime = window.localStorage.getItem('2303time')-0;

        // console.log(prevtime);时间戳 毫秒数

        var str = '欢迎光临';
        if(prevtime){
            var prev = new Date(prevtime);
            var current = new Date();
            var sub = Math.ceil((current - prev)/1000);
            var day = parseInt(sub  / (60*60*24))
            var hour = parseInt(sub  % (60*60*24) / (60*60));
            var minute  = parseInt(sub  % (60*60) /60 );
            var second = sub % 60;
            str = `距离上次来已经过了${day}天${hour}小时${minute}分钟${second}秒`
        }

        alert(str);
    </script>
</body>
</html>